.head {
    height: 100px;
    background-color: #fff;
}

.c {
    width: 1200px;
    height: 100%;
    /* background-color: orange; */
    margin: 0 auto;
}

.head .logo {
    float: left;
    width: 221px;
    height: 52px;
    background: url(../img/logo.png) no-repeat center;
    margin-top: 24px;
}

.head .nav {
    float: right;
}

.head .nav-item {
    float: left;
    width: 36px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin: 0 33px;
}

.head .nav-item a {
    font-size: 14px;
    color: #767676;
}

.head .nav-item:hover a {
    font-size: 18px;
    color: #668aca;
}

.head .nav-item span {
    display: none;
    width: 20px;
    height: 1px;
    margin: 0 auto;
    margin-top: -36px;
    background-color: #668aca;
}

.head .nav-item:hover span {
    display: block;
}

.foot {
    width: 100%;
    /* width: 1800px; */
    height: 300px;
    background-color: #fff;
}

.foot .foot-nav {
    width: fit-content;
    height: fit-content;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 98px;
}

.foot .foot-nav .nav-item {
    float: left;
    width: 250px;
    height: 100%;
    margin: 0 30px;
    color: #767676;
    font-size: 14px;
}

.foot .foot-nav .nav-item .title {
    /* margin-left: 63px; */
    overflow: hidden;
}

.foot .foot-nav .nav-item .title .span {
    overflow: hidden;
}

.foot .foot-nav .nav-item .title img {
    float: left;
    display: block;
    margin-top: 10px;
    margin-right: 19px;
}

.foot .foot-nav .nav-item .mf {
    margin-left: 0;
}

.foot .foot-nav .nav-item .mb {
    margin-right: 0;
}

.foot .foot-nav .nav-item.mr0 {
    display: block;
    width: 1px;
    height: 89px;
    background-color: #e9e9e9;
}

.foot .foot-nav .nav-item p {
    margin-bottom: 16px;
}

.foot .foot-nav .nav-item .mf p {
    margin-bottom: 0;
}